import React from 'react';
import {
    BrowserRouter as Router,
    Route,
    Switch,
    Link
} from "react-router-dom";

import DargDiv from "../dargDiv";

import Students from "../students"

import Zk1 from "../zk1"

import ShopCar from "../shopCar"

import ShopDetail from "../shopDetail/index.jsx"//商品详情

import LoveEducation from "../loveEducation"


import loveEducationLogin from "../loveEducation/login";

import Address from "../address";





class Index extends React.Component {
    render() {
        return (
            <div style={{width:"100%",height:"100%"}}>
                <h1> <Link to="/dargDiv">拖拽</Link></h1>
                <h1><Link to="/shopDetail">商品详情</Link></h1>
                <h1><Link to="/shopCar">购物车</Link></h1>
                <h1><Link to="/students">学生信息(这是pc端)</Link></h1>
                <h1><Link to="/zk1">周考一</Link></h1>
                <h1><Link to="/loveEducation">艾的教育(pc端)</Link></h1>
                <h1><Link to="/address">收货地址</Link></h1>
            </div>
        )
    }

}

class Routers extends React.Component {
    render() {
        return <Router>
            <Switch>
                <Route path="/dargDiv" component={DargDiv}></Route>
                <Route path="/shopDetail" component={ShopDetail}></Route>
                <Route path="/shopCar" component={ShopCar}></Route>
                <Route path="/students" component={Students}></Route>
                <Route path="/zk1" component={Zk1}></Route>
                <Route exact path="/" component={Index}></Route>
                <Route exact path="/loveEducation" component={LoveEducation}></Route>
                <Route path="/loveEducationLogin" component={loveEducationLogin} ></Route>
                <Route path="/address" component={Address} ></Route>
                
            </Switch>
        </Router>
    }
}

export default Routers;
